*{
    margin: 0;
    padding: 0;
    font-size: 16px;
}
.content{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:url("../image/1.jpg");
    z-index: -1;
    /* background-size:percentage; */
    background-position: center;
    text-align: center;
}
.box{
    height: 14rem;
    width: 14rem;
    position: absolute;
    left: 50%;
    top: 4rem;
    margin-left: -7rem;
}
.box .pic{
    position:relative;
    transform-style:preserve-3d;
    /*3d环境*/ 
    animation:play 10s linear infinite;
    /*动画名称 执行时间 匀速 无限执行*/}
.box ul li{
    list-style:none;
    position:absolute;
    top:0;
    left:0;
}
/*start box*/
/*定义一个关键帧*/
@keyframes play{
    from{transform:rotateY(0deg);
    }
    to{
        transform:rotateY(360deg);
    }
}
.pic ul li img{
    height: 14rem;
}
.title{
    font-size: 1rem;
    text-align: center;
    padding: 1.5rem;;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
.text-style{
    position: absolute;
    bottom: 2rem;
    color:#6fade1;
    margin:auto;
    height:8.5rem;
    font-size:1.2rem;
    font-family:"方正喵呜体";
    padding:0 .5rem;
    text-align: left;
}
.date{
    text-align: right;
    padding:0.5rem 0.5rem;
}